<include file="Public:header" />
<section class="panel">
  <div class="panel-body">
    <div class="chartJS">
      <canvas id="line-chart-js" height="250" width="800"></canvas>
    </div>
  </div>
</section>




<section class="panel deep-purple-box">
  <div class="panel-body">

<div class="col-md-7 col-sm-7 col-xs-7">
                                    <div id="graph-donut" class="revenue-graph"></div>

                                </div>

  </div>
</section>




<include file="Public:script" /> 
<script src="__PUBLIC__/Intesys/AdminX/js/morris-chart/morris.js"></script>
<script src="__PUBLIC__/Intesys/AdminX/js/morris-chart/raphael-min.js"></script>
<script src="__PUBLIC__/Intesys/AdminX/js/chart-js/Chart.js"></script> 
<script>
    var Linedata = {
		labels : ["一月","二月","三月","四月","五月","六月","七月"],
		datasets : [
			
			{
				fillColor : "#6dc5a3",
				strokeColor : "#6dc5a3",
				pointColor : "#6dc5a3",
				pointStrokeColor : "#fff",
				data : [65,59,90,181,56,55,40]
			},
			{
				fillColor : "#5f728f",
				strokeColor : "#5f728f",
				pointColor : "#5f728f",
				pointStrokeColor : "#fff",
				data : [28,48,40,19,10,27,20]
			}

		]
	}
	var myLineChart = new Chart(document.getElementById("line-chart-js").getContext("2d")).Line(Linedata);
	
	
	
	Morris.Donut({
    element: 'graph-donut',
    data: [
        {value: 40, label: '工作分', formatted: '320' },
        {value: 30, label: '考勤', formatted: '200' },
        {value: 20, label: '能力分', formatted: '50' },
        {value: 10, label: '财产管理分', formatted: '600' }
    ],
    backgroundColor: false,
    labelColor: '#fff',
    colors: [
        '#4acacb','#6a8bc0','#5ab6df','#fe8676'
    ],
    formatter: function (x, data) { return data.formatted; }
});
	
	
</script>
</body></html>